@charset "UTF-8";
/**
 * Spinners
 * --------------------------------------------------
 */
.spinner {
    stroke: #444;
    fill: #444; }
.spinner svg {
    width: 28px;
    height: 28px; }
.spinner.spinner-light {
    stroke: #fff;
    fill: #fff; }
.spinner.spinner-stable {
    stroke: #f8f8f8;
    fill: #f8f8f8; }
.spinner.spinner-positive {
    stroke: #387ef5;
    fill: #387ef5; }
.spinner.spinner-calm {
    stroke: #11c1f3;
    fill: #11c1f3; }
.spinner.spinner-balanced {
    stroke: #33cd5f;
    fill: #33cd5f; }
.spinner.spinner-assertive {
    stroke: #ef473a;
    fill: #ef473a; }
.spinner.spinner-energized {
    stroke: #ffc900;
    fill: #ffc900; }
.spinner.spinner-royal {
    stroke: #886aea;
    fill: #886aea; }
.spinner.spinner-dark {
    stroke: #444;
    fill: #444; }

.spinner-android {
    stroke: #4b8bf4; }

.spinner-ios,
.spinner-ios-small {
    stroke: #69717d; }

.spinner-spiral .stop1 {
    stop-color: #fff;
    stop-opacity: 0; }

.spinner-spiral.spinner-light .stop1 {
    stop-color: #444; }

.spinner-spiral.spinner-light .stop2 {
    stop-color: #fff; }

.spinner-spiral.spinner-stable .stop2 {
    stop-color: #f8f8f8; }

.spinner-spiral.spinner-positive .stop2 {
    stop-color: #387ef5; }

.spinner-spiral.spinner-calm .stop2 {
    stop-color: #11c1f3; }

.spinner-spiral.spinner-balanced .stop2 {
    stop-color: #33cd5f; }

.spinner-spiral.spinner-assertive .stop2 {
    stop-color: #ef473a; }

.spinner-spiral.spinner-energized .stop2 {
    stop-color: #ffc900; }

.spinner-spiral.spinner-royal .stop2 {
    stop-color: #886aea; }

.spinner-spiral.spinner-dark .stop2 {
    stop-color: #444; }
